草庐IT

Font Awesome 图标

全部标签

javascript - 悬停时更改 jQuery UI 的按钮图标 - 在 IE 和 Chrome 上损坏

我创建了一个jQueryUI按钮,想在mouseenter事件上添加一个“X”辅助图标,并在mouseleave事件上删除“X”。听起来很简单。$("#hover").button({icons:{primary:"ui-icon-tag"}}).hover(function(event){//hoverin$(this).button("option","icons",{primary:"ui-icon-tag",secondary:"ui-icon-close"});},function(event){//hoverout$(this).button("option","icons

javascript - 占位符上的 Select2 Font Awesome 图标

如何在Select2的占位符文本前添加FontAwesome。这是我的Select2选项代码:varplaceholder=""+"Selectaplaces";$(".select2").select2({placeholder:placeholder,width:null});这是我的HTML代码:ABC谢谢。 最佳答案 在Select2选项之间声明escapeMarkup函数,然后使用“搜索”图标代码(您可以在Font-AwesomeCheatsheet页面中找到它)作为placeholder:$(function(){var

javascript - 在预输入框中添加图标

HTML代码-TypeaheadJS代码-varbestPictures=newBloodhound({datumTokenizer:Bloodhound.tokenizers.obj.whitespace('value'),queryTokenizer:Bloodhound.tokenizers.whitespace,prefetch:'http://localhost/api/currency.php',});$('#custom-templates.typeahead').typeahead(null,{name:'best-pictures',display:'value',s

javascript - GMAIL 如何有一个显示未读邮件数的图标?

这个问题在这里已经有了答案:Changingwebsitefavicondynamically(18个答案)关闭6年前。Chrome中的GMAIL有一个显示未读邮件数的图标。有谁知道他们是怎么做到的?那是他们改变图像吗?或者是否有允许您在图标附近设置数字的属性?谢谢

javascript - 如何在 Ext.Panel 标题中放置文本和可点击图标?

我想在面板的标题中放置文本和可点击的图标,如下所示:我找到了一些oldhacksfrom2008todothis,但可以想象,较新版本的ExtJS允许您以更直接的方式将文本和图标放在面板标题中。在Ext.Panel标题中放置文本和可点击图标的最直接方法是什么?附录感谢@Stefan的工作,这是我的解决方案:Javascript:vargrid_shopping_cart=newExt.grid.GridPanel({headerCfg:{tag:'div',cls:'x-panel-header',children:[{tag:'div',cls:'panel_header_main'

javascript - Jquery 克隆和更新按钮图标

我觉得我在这里忽略了一些非常简单的事情。我需要另一双眼睛。我在这上面花的时间比我应该花的多得多。看看这个fiddle=>http://jsfiddle.net/R8SxU/为什么图标添加了一年多了还不更新?我希望最上面的始终是加号,以象征添加新的一年,而下面的其余部分始终是减号以删除。它适用于第一个,但仅适用于第一个。我相信我有正确的选择器,因为每个按钮都正确激活了功能(控制台输出)。HTMLEnterYearYear查询$('#addYear').button({icons:{primary:'ui-icon-circle-plus'}}).on('click',function()

javascript - Bootstrap 工具提示不适用于 Font Awesome 图标

我正在使用bootstrap工具提示,但我似乎无法让它与超棒的字体图标一起使用。我可以让它工作:Info但这行不通:这是我的javascript:$(function(){$('[data-toggle="popover"]').popover();$('body').on('click',function(e){if($(e.target).data('toggle')!=='popover'&&$(e.target).parents('.popover.in').length===0){$('[data-toggle="popover"]').popover('hide');}})

javascript - Font Awesome 5 图标不适用于 React ("Could not find icon"错误)

我正在尝试在我的React项目中使用FontAwesome5Pro(我有许可证),并且我已按照API中的说明进行操作尽我所能,但我仍然遇到问题。在我的项目中,我使用npm安装了fontawesome、fontawesome-common-types、fontawesome-pro-light、fontawesome-pro-regular、fontawesome-pro-solid和react-fontawesome。所有这些文件夹都在我的node_modules/@fortawesome/目录中在我的App.js中,我有这些导入(这不是整个文件,只是相关的片段):importfont

javascript - ServiceWorker 'fetch' 事件未针对图标触发

我正在使用serviceworker来缓存我网站中的内容(https://adhiyan.in)。Serviceworker正在正确安装和激活。在“获取”事件处理程序中,如果可用,我将从缓存中提供内容。如果内容在缓存中不可用,我将获取内容并使用相同内容更新缓存。它能够提供Assets并按需缓存新Assets。importScripts('/assets/js/serviceworker-cache-polyfill.js');varCACHE_NAME='adhiyan-cache-v1';varurlsToCache=['/','/assets/css/app.min.css','/

javascript - 单击jstree更改图标

我有使用jstree插件的代码。$(".gems-tree").on('changed.jstree',function(event,data){console.log("folderclicked");});它有效,但现在我想将文件夹中的图标从关闭更改为打开,有没有办法实现这个?注意已经尝试使用data.node.state.opened=true只是为了查看文件夹图标是否更改但没有。 最佳答案 如果您需要更改每个选定节点的图标,AdnanY的答案将起作用(只需确保data.action是"select_node"):$("#js